<template>
  <div class="home">
    <h1>这是list页 撒批</h1>
    
    <div class="header">
        <span><a href="/">返回</a></span>
        <input type="text" value="请输入城市/景点">
        <span>城市</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'List',
}
</script>

<style scoped>
.header{width: 100%;height: 40px;line-height: 40px;background-color: aqua;text-align: center;}
.header span{font-size: 18px;line-height: 34px;}
.header input{border-radius: 10px;border: 1px ;height: 30px;width:230px;}
.header :first-child{margin-right: 10px;}
.header :last-child{margin-left: 10px;}
</style>